<script setup >
import {ref, reactive} from 'vue'
import HomeCategory from './components/HomeCategory.vue'
import HomeBanner from './components/HomeBanner.vue'
import HomeNew from './components/HomeNew.vue'
import HomeHot from './components/HomeHot.vue'
import HomeProduct from './components/HomeProduct.vue'
import HomePanel from './components/HomePanel.vue'
</script>

<template>
  <div class="container">
    <HomeCategory/>
    <HomeBanner/>
  </div>
  <HomeNew/>
  <HomeHot/>
  <HomeProduct/>

  <!-- 测试面板
  <HomePanel title="新鲜好物" sub-title="新鲜好物，好多商品">
    <div>我是新鲜好物的插槽内容</div>
  </HomePanel>
  <HomePanel title="人气推荐" sub-title="人气值，超多">
    <div>我是人气推荐的插槽内容</div>
  </HomePanel> -->
</template>


<style scoped>
</style>
